{%extends 'base_no_cart.html'%}
{%block page_title%}提交订单{%endblock page_title%}



{%block body%}	
	<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<dl>
			<dt>寄送到：</dt>
			{%if default_addr%}
			<dd><input type="radio" name="addr" checked="" addr_id={{default_addr.id}}>{{default_addr.addr}} （{{default_addr.receiver}} 收） {{default_addr.phone}}</dd>
			{%endif%}
			{%for i in addr%}
			<dd><input type="radio" name="addr" checked="" addr_id={{i.id}}>{{i.addr}} （{{i.receiver}} 收） {{i.phone}}</dd>
			{%endfor%}
		</dl>
		<a href="user_center_site.html" class="edit_site">编辑收货地址</a>

	</div>
	
	<h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" checked pay_id=1>
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style" pay_id=2>
			<label class="weixin">微信支付</label >
			<input type="radio" name="pay_style" pay_id=3>
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style" pay_id=4>
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>
	
	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>		
		</ul>
		{%for good_sku in goods%}
		<ul class="goods_list_td clearfix" id="good_{{forloop.counter}}" sku_id={{good_sku.good.id}}>
			<li class="col01">{{forloop.counter}}</li>			
			<li class="col02"><img src="{{good_sku.good.image.url}}"></li>
			<li class="col03">{{good_sku.good.name}}</li>
			<li class="col04">{{good_sku.good.unite}}</li>
			<li class="col05">{{good_sku.good.price}}元</li>
			<li class="col06" num={{good_sku.num.decode}}>{{good_sku.num.decode}}</li>
			<li class="col07 count" cost={%  widthratio good_sku.good.price 1 good_sku.num.decode %}>{%  widthratio good_sku.good.price 1 good_sku.num.decode %}元</li>	
		</ul>
		{%endfor%}

	</div>

	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			{%csrf_token%}
			<div class="total_goods_count">共<em>2</em>件商品，总金额<b>42.60元</b></div>
			<div class="transit">运费：<b>10元</b></div>
			<div class="total_pay">实付款：<b>52.60元</b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
		<a href="javascript:;" id="order_btn">提交订单</a>
	</div>	



	<div class="popup_con">
		<div class="popup">
			<p>订单提交成功！</p>
		</div>
		
		<div class="mask"></div>
	</div>
{%endblock body%}
{%block bottomfiles%}
{%load static%}
	<script type="text/javascript" src="{%static 'js/jquery-1.12.4.min.js'%}"></script>
	<script type="text/javascript">
	

		console.log(1)
		function c(){
			goods=$('.goods_list_td')
			console.log(goods)
			num=0
			cost=0
			for(i=0;i<goods.length;i++){
				console.log(goods.eq(i).children().eq(5))
				num+=parseInt(goods.eq(i).children().eq(5).attr('num'))
				cost+=parseInt(goods.eq(i).children().eq(6).attr('cost'))
			}
			console.log(num,cost)
			$('.total_goods_count').children().eq(0).text(num)
			$('.total_goods_count').children().eq(1).text(cost)
			cost+=10
			$('.total_pay').children().eq(0).text(cost+'元')
		}
		c()
		$('#order_btn').click(function(){
			console.log('in')
			goods=$('.goods_list_td')
			console.log(goods)
			sku_id=new Array()
			csrf=$('input[name="csrfmiddlewaretoken"]').val()
			//alert(csrf)
			for(i=0;i<goods.length;i++){
				sk_id=goods.eq(i).attr('sku_id')
				console.log("sk_id",sk_id)
				sku_id[i]=(sk_id)
				
			}
			console.log(sku_id)
			
			addr_id=$('input:radio[name="addr"]:checked').attr('addr_id')
			//console.log(addr_id)
			//alert(addr_id)
			pay_id=$('input:radio[name="pay_style"]:checked').attr('pay_id')
			//alert(pay_id)
			data={'sku_id':sku_id,'addr_id':addr_id,'pay_id':pay_id,'csrfmiddlewaretoken':csrf}
			//alert(data['csrf'])
			$.post('/order/commit',data,function(data){
				if(data.res==5){
					localStorage.setItem('order_finish',2);
				
				$('.popup_con').fadeIn('fast', function() {
	
					setTimeout(function(){
						$('.popup_con').fadeOut('fast',function(){
							window.location.href="{% url 'goods:index'%}"
						});	
					},3000)
					
				});
					}
				else{
					alert(data.errmsg)
					window.location.href="{% url 'goods:index'%}"
				}
				
			})
			
		})
	

	</script>
{%endblock bottomfiles%}
